<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CDP Stream Renderer</title>
</head>
<body>
    <h1>CDP Stream Renderer</h1>
    <pre id="output">Connecting...</pre>
    <!-- Add an img element to display the screencast -->
    <img id="screencast" alt="Screencast will appear here" style="max-width: 100%; border: 1px solid #ccc;" />
    <script src="app.js"></script>
</body>
</html>